<template>
	<view class="mainpadding block">
		<view class="ffffff radius">
			<view class="lanbox flexbetween">
				<view class="">
					<view class="strongtext fonweight xiaobai">我的金币</view>
					<view class=" fonweight xiaobai" style="font-size: 70rpx;">5998</view>
				</view>
				<view class="baibtn1 flexcenter" @click="tztx">去提现</view>
			</view>
			<view class="" style="padding: 42rpx 30rpx;">
				<view class="xiaohui strongtext fonweight">金币充值</view>
				<view class="flexleft flex_wrap">
					<view class="flexcenter sanshis margin_top5" v-for="item in 5">
						<view class="">
							<view class="flexleft">
								<image class="jinbi margin_right1" src="../static/image/system/jb.png" mode=""></image>
								<view class=" fonweight xiaohei" style="font-size: 44rpx;">10</view>
							</view>
							<view class="xiaohei strongtext margin_top2">售价1元</view>
						</view>
					</view>
				</view>
				<view class="bigbtn margin_top6">立即充值</view>
			</view>
		</view>
		<view class="mainpadding ffffff radius margin_top">
			<view class="flexcenter">
				<u-tabs :list="list1" lineColor="#333333" @click="changetab" :current="current" :activeStyle="{
					    color: '#333333',
					    fontWeight: 'bold',
					    transform: 'scale(1.05)'
					}" :inactiveStyle="{
					            color: '#999999',
								fontWeight: '500',
					            transform: 'scale(1)'
					        }" itemStyle="padding-left: 16px; padding-right: 16px; height: 44px;"></u-tabs>
			</view>
			<view class="xiahuaxian margin_top flexbetween" v-for="item in 3">
				<view class="">
					<view class="strongtext xiaohui">10月11日 15:25</view>
					<view class="ershiba xiaohei fonweight margin_top2">平台消费</view>
				</view>
				<view class="flexleft">
					<view class="bigtext xiaohei fonweight ">-</view>
					<!-- <view class="bigtext xiaohei fonweight ">+</view> -->
					<view class="bigtext xiaohei fonweight ">180</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list1: [{
						name: '获取记录',
						value: "",
					},
					{
						name: '支出记录',
						value: 0,
					}
				],
				current: 0,
				resultcode: "",
			}
		},
		methods: {
			tztx(){
				uni.navigateTo({
					url:'/pages_mypage/tixian'
				})
			},
			changetab(e) {
				console.log(e, 999)
				this.resultcode = e.value
			},
		}
	}
</script>

<style lang="scss" scoped>
	.jinbi {
		width: 32rpx;
		height: 32rpx;
	}

	.baibtn1 {
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #7DA2FF;
		width: 154rpx;
		height: 64rpx;
		background: #FFFFFF;
		border-radius: 32rpx;
	}

	.lanbox {
		padding: 42rpx 30rpx;
		background: linear-gradient(90deg, #2361FF 0%, #8AABFF 100%);
		border-radius: 20rpx 20rpx 0rpx 0rpx;
	}

	.block {
		background: #F9F9F9;
		min-height: calc(100vh - 100rpx);
		height: auto;
	}
</style>